<!DOCTYPE html>
<html>
<head>


<title>scroll up page</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="assets/js/scroll.js"></script>

<!--<link rel='stylesheet' type='text/css' href='assets/css/style.css' media='screen' />-->



</head>
<body>


<h1>jquery scroll up page</h1>



<p id="id1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum et turpis non egestas. Curabitur non scelerisque dolor. In tortor neque, pretium egestas malesuada eu, accumsan ac ante. Proin auctor purus non augue aliquam, in auctor neque bibendum. Vivamus tempus neque vel est finibus scelerisque eu non ante. Donec tortor nunc, semper sit amet lectus ut, scelerisque lacinia sem. Duis mollis at ante suscipit vulputate. Donec vulputate ac felis eu placerat. Donec vel porttitor velit, sit amet tempor metus. Duis commodo, lacus at mollis vulputate, mi leo ultricies velit, ut pretium mi nunc a lacus. Nulla lacinia dui sit amet quam placerat congue. Fusce nunc nibh, tincidunt ut convallis sit amet, efficitur ac mi. Praesent blandit neque ut imperdiet egestas. Duis fermentum velit non pulvinar elementum.
</p>
<p id="id2">
Phasellus quis arcu bibendum, viverra sem id, interdum tortor. Ut ut eros accumsan, gravida dolor vitae, lobortis risus. Aenean nec elit sit amet neque pellentesque convallis in venenatis lacus. Quisque turpis augue, porta sit amet ornare et, euismod sit amet nisi. Aliquam dapibus tortor ac magna porta, eget dapibus dolor molestie. Vestibulum ut dui auctor, elementum magna at, vehicula odio. Cras ut suscipit turpis. Aenean consectetur, leo at volutpat laoreet, urna enim mollis purus, et mollis magna dolor vel lectus. Vestibulum nibh nisi, euismod non faucibus rhoncus, vulputate a nisl.
</p>
<p id="id3">
Mauris rhoncus justo eget auctor sagittis. Mauris eleifend enim nec odio consequat, sed vulputate purus feugiat. Maecenas finibus fermentum elementum. Etiam nec imperdiet urna. Sed vehicula condimentum molestie. Sed maximus, leo vitae laoreet fermentum, nulla tortor tincidunt elit, vel tristique nisi sapien id sem. Duis justo nisl, commodo in ipsum quis, pretium scelerisque tortor. Mauris turpis massa, vulputate non volutpat et, vehicula et eros.
</p>
<p id="id4">
Duis viverra lacus ac nulla accumsan, vel elementum velit porttitor. Proin eleifend, est ac cursus malesuada, arcu dolor hendrerit risus, non fringilla massa nisi ac magna. Sed a aliquam diam, vel rutrum odio. Aliquam luctus lacus non erat faucibus, vel imperdiet diam posuere. Aenean euismod elit risus, vel laoreet ante efficitur euismod. Curabitur pellentesque tincidunt nisi, id tincidunt nisi. Etiam massa turpis, gravida non vestibulum nec, efficitur a elit. Cras a ullamcorper libero. Etiam sit amet tortor vehicula sem eleifend venenatis. Cras faucibus, purus et efficitur porta, dui ligula congue felis, sed gravida nisl magna eu dolor. Aenean lectus est, sagittis placerat tincidunt vitae, consequat eget lacus. Aliquam lorem ipsum, suscipit vitae porttitor sit amet, euismod non lacus. Cras condimentum posuere purus, mollis suscipit diam.
</p>
<p id="id5">
Duis fringilla nibh nisi, quis eleifend eros sodales eu. Aliquam tellus risus, tincidunt sollicitudin lacinia in, accumsan nec massa. Proin eu leo pulvinar, tincidunt elit sit amet, scelerisque dui. Proin faucibus libero metus, in bibendum risus accumsan vel. Donec sed porta sapien. Proin vel nunc eu quam tincidunt elementum. Nulla suscipit risus eget est semper fermentum. Morbi sagittis quam eu tincidunt sagittis. Vivamus gravida erat sit amet odio vehicula porta. Vivamus neque massa, venenatis ac gravida quis, tincidunt quis odio. Cras fermentum tincidunt leo non porta. Vivamus aliquam tempus nisi vel gravida.
</p>
<p id="id6">
Sed a ante eu ante elementum maximus et ut ante. Aenean semper in lectus a scelerisque. Pellentesque id scelerisque sem, quis molestie eros. Vivamus iaculis lacinia dignissim. Mauris varius laoreet ante. Ut mollis risus sed nulla vehicula, eu fermentum massa pulvinar. Suspendisse efficitur ligula eu nisl pellentesque imperdiet. Praesent a ipsum non metus convallis faucibus. Ut in orci erat.
</p>
<p id="id7">
Curabitur condimentum, turpis at rutrum semper, velit est tincidunt turpis, quis facilisis elit eros sed velit. Phasellus sit amet tristique nibh, eu fringilla nibh. Sed auctor gravida elementum. Nulla tincidunt ultrices blandit. Nulla ac quam ac lectus egestas ornare et eu est. Donec in varius dui. Praesent rhoncus turpis at urna placerat imperdiet.
</p>
<p id="id8">
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer quis aliquet urna. Phasellus lacus nisl, ultrices in aliquet eget, scelerisque sit amet lacus. Phasellus ut sapien placerat, finibus lorem vitae, ultricies mauris. Donec tincidunt lacus vitae est commodo tincidunt. Fusce dictum, eros vel pretium elementum, leo felis efficitur nibh, sed accumsan lorem elit in lorem. Curabitur venenatis nec arcu in iaculis. Cras efficitur volutpat finibus. Integer tincidunt nisl vitae euismod dictum. Nunc elit erat, viverra sit amet rhoncus ac, tristique et libero. Ut diam felis, pretium vel scelerisque id, scelerisque nec dui. Vestibulum ultricies lectus nec arcu efficitur fermentum. Quisque nunc lectus, tristique at suscipit eu, posuere eget ex. Maecenas at sem eros.
</p>
<p id="id9">
Vestibulum placerat urna vitae quam sollicitudin hendrerit. Nullam sagittis, tortor et mollis molestie, tortor metus mollis metus, vel consequat lectus augue ac erat. Vestibulum ante lacus, mattis eget ex at, pretium sodales nisl. Pellentesque eu lacinia metus, sit amet ullamcorper lectus. Suspendisse auctor fermentum accumsan. Donec cursus ligula nec justo malesuada fermentum. Proin rhoncus augue sed condimentum ultrices. Maecenas sit amet porttitor nunc. Mauris ut interdum mi.
</p>
<p id="id10">
Vivamus placerat dui quis consectetur pharetra. Duis pharetra congue purus quis venenatis. Curabitur blandit ornare nibh, sed rhoncus risus molestie vitae. Sed gravida ultricies sapien, eget porttitor elit tincidunt quis. Nunc feugiat molestie ex, eget venenatis urna luctus a. Suspendisse suscipit tempor sagittis. Donec risus tellus, ullamcorper et eleifend nec, commodo quis ligula. In iaculis purus eros, et varius neque viverra eget. Sed venenatis odio non luctus efficitur.
</p>
<p id="id11">
Vivamus laoreet diam non odio lobortis viverra. Curabitur ligula arcu, porttitor ut nisl id, condimentum facilisis purus. Pellentesque euismod viverra quam, a congue nulla ullamcorper vitae. Fusce ut rhoncus tortor. Etiam iaculis, metus eget efficitur ornare, lacus libero vestibulum dui, eu mattis nisi tellus quis augue. Quisque in cursus elit, sed tempus quam. Phasellus nec lorem ac metus sodales pellentesque. Duis ut scelerisque quam. Sed pharetra sit amet orci id placerat. Proin magna enim, venenatis non fermentum a, cursus a nisl. Pellentesque purus erat, tristique at quam vitae, pulvinar sagittis metus. Maecenas vitae odio eget magna mollis ultricies. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
<p id="id12">
Curabitur posuere ante vel vulputate faucibus. Aenean sed rhoncus lectus. Phasellus varius egestas augue, non ultricies diam blandit ut. Curabitur et bibendum ex. Ut gravida pellentesque iaculis. In velit arcu, commodo ac nisi sed, pellentesque pulvinar nisi. Donec at felis tempor, commodo dolor a, pulvinar quam. Curabitur vitae ligula sed augue finibus tempus. Etiam blandit augue arcu, in aliquet ligula congue id. Praesent ligula ligula, efficitur vitae erat placerat, placerat viverra metus. Praesent at congue elit, mollis sodales augue.
</p>
<p id="id13">
Sed est orci, gravida at libero non, luctus consequat augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur efficitur faucibus turpis, id porttitor augue dapibus id. Morbi dolor eros, cursus vel sollicitudin ac, hendrerit in nisl. Ut in dictum lectus. Praesent eget mauris in nibh feugiat mattis ac non augue. Mauris accumsan odio interdum lectus pharetra, eu interdum est aliquam. Phasellus vehicula eu justo in tincidunt. Aenean nec tortor ac nulla bibendum consectetur. Curabitur diam nunc, euismod iaculis orci vitae, pretium hendrerit dui. Curabitur euismod, dui in finibus placerat, massa libero aliquet metus, quis tristique nulla orci et nunc.
</p>
<p id="id14">
Ut suscipit, urna ac auctor euismod, lacus nulla tempus diam, et ullamcorper mauris nulla ac mauris. Aliquam laoreet, ante quis molestie malesuada, dui velit faucibus sem, quis ultricies nulla lacus a mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur tempus id arcu vitae porta. Duis commodo, ex eget vehicula auctor, odio ex venenatis lacus, in efficitur magna orci at erat. Aliquam vehicula lacus ligula, a fermentum diam vestibulum id. Morbi molestie in justo id auctor. Duis finibus metus at nisi iaculis dignissim. In tincidunt nunc at risus vestibulum, vitae molestie neque pulvinar.
</p>
<p id="id15">
Praesent egestas mattis ligula, sit amet commodo dui fermentum et. Fusce fermentum faucibus odio, id facilisis libero hendrerit et. Fusce vitae fringilla nisl. Fusce tincidunt ullamcorper velit in interdum. Aliquam eu ornare nulla. Praesent dolor diam, pharetra convallis rutrum vitae, volutpat et metus. Mauris mattis mi quis ligula tempus facilisis. Donec consequat augue eget libero mattis facilisis. Integer sodales est vitae risus vestibulum consequat. In elementum dictum elit eget mollis.
</p>
<p id="id16">
Nullam malesuada lobortis justo id mattis. Vivamus mi ante, imperdiet ac lectus vitae, ultricies egestas libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse nec nisi suscipit, interdum enim sed, viverra sapien. Pellentesque vehicula faucibus diam eu imperdiet. Nunc feugiat eros vitae risus malesuada fermentum vel eget dolor. Curabitur mollis suscipit nunc, a eleifend augue dignissim vel. Maecenas bibendum dolor in nibh malesuada, id faucibus odio condimentum. Curabitur rhoncus tincidunt fermentum. Etiam pulvinar nisi a ipsum mollis vehicula. Mauris non sapien tellus. Vivamus sodales neque vulputate nisi malesuada, ac bibendum nibh semper. Nullam ante nisi, tristique id turpis eu, tincidunt pellentesque orci.
</p>
<p id="id17">
Quisque at nisi sed arcu ultrices malesuada. Phasellus sapien neque, semper eget bibendum pretium, malesuada ut mauris. Maecenas ac semper magna. Nam ut velit tellus. Ut eu ultricies purus. Morbi a odio consectetur, accumsan ante vel, viverra dolor. Quisque et ante accumsan eros fringilla blandit quis a ligula. Cras quis eros vitae nibh finibus commodo faucibus vitae ante. Quisque fringilla metus at nunc gravida pretium. Nullam at tempus urna. Integer cursus erat ex.
</p>
<p id="id18">
Mauris finibus elit vel ullamcorper dapibus. Duis placerat, sem sit amet hendrerit maximus, urna lacus pulvinar massa, et finibus nibh lacus eget quam. Donec placerat mattis ornare. Ut nec lorem a quam pretium ornare. Nulla sed iaculis nibh, in volutpat nulla. Nunc a vehicula sapien, ac tincidunt orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque imperdiet ante efficitur, mattis enim nec, tincidunt nibh. Integer fermentum diam quis faucibus laoreet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean condimentum erat nisi, a maximus nisi facilisis vitae. Pellentesque iaculis, libero nec porta molestie, nisl diam sollicitudin felis, nec lobortis eros lectus quis orci. Vestibulum condimentum purus in rhoncus commodo.
</p>
<p id="id19">
Curabitur ac congue tortor. Curabitur eleifend urna ut neque bibendum, in tincidunt libero viverra. Nullam lacinia feugiat suscipit. Etiam at lorem mattis, eleifend nulla nec, porttitor lectus. Duis molestie posuere tellus vitae venenatis. Nulla et tristique nibh. Quisque sed tristique lorem, nec imperdiet est. Ut ultrices, mauris vel pellentesque feugiat, metus orci luctus massa, eget faucibus purus nisl in lorem. Nam vel nunc dignissim, congue tellus eu, pretium justo.
</p>
<p id="id20">
Curabitur arcu leo, fringilla ut pulvinar id, semper pretium libero. Maecenas sollicitudin nunc sagittis nibh hendrerit suscipit. Aenean cursus convallis purus et luctus. Nulla facilisi. Nullam lobortis metus ac lorem congue, id elementum libero pharetra. Morbi nec eros sit amet orci ornare rhoncus non nec augue. Nam quis eros dapibus, aliquam ex quis, posuere nisi. Vestibulum nulla tellus, lacinia nec sem at, finibus accumsan nulla. Phasellus nec vehicula leo, nec dictum nisi.
</p>

</body>
</html>